<header class="app-header navbar">
  <button class="navbar-toggler d-lg-none" type="button" appMobileSidebarToggler>&#9776;</button>
  <a class="navbar-brand"></a>
  <ul class="nav navbar-nav d-md-down-none">
    <li class="nav-item">
      <a class="nav-link navbar-toggler" href="#" appSidebarToggler>&#9776;</a>
    </li>
  </ul>
  <ul class="nav navbar-nav ml-auto">
    <!--<li *ngIf="checkPermissions('message')">-->
      <!--<a routerLinkActive="active" [routerLink]="['/message/index']" style="position: relative" class="nav-link" href="#"><i class="fa fa-bell-o"></i>消息<span *ngIf="isShowMsgPoint" style="display: inline-block;position: absolute;width: 5px;height: 5px;background-color: red;border-radius: 50%;left: 8px;top: 12px;"></span></a>-->
    <!--</li>-->

    <li class="nav-item dropdown" dropdown (onToggle)="toggled($event)">
      <a href class="nav-link dropdown-toggle" dropdownToggle (click)="false">
        <img src="assets/img/avatars/6.jpg" class="img-avatar">
        <span class="d-md-down-none">{{userName}}</span>
      </a>

      <div class="dropdown-menu dropdown-menu-right" *dropdownMenu aria-labelledby="simple-dropdown">

        <div class="dropdown-header text-center"><strong>操作: <span>{{userName}}</span></strong></div>


        <a class="dropdown-item" href="#" (click)="signOut()"><i class="fa fa-cog"></i> 退出登录<span class="badge badge-warning"></span></a>

      </div>
    </li>
    <li class="nav-item d-md-down-none">
      <!--<a class="nav-link navbar-toggler" href="#" appAsideMenuToggler>&#9776;</a>-->
    </li>
  </ul>
</header>

<div class="app-body">
  <div class="sidebar">
    <nav class="sidebar-nav">
      <ul class="nav">
        <!--这里设置侧边导航栏 li代表每一个-->

        <!--一级主菜单 用户管理-->
        <!--<li class="nav-item" *ngIf="checkPermissions('users')">-->
          <!--<a class="nav-link" routerLinkActive="active" [routerLink]="['/users/index']"><i class="icon-people"></i>用户管理</a>-->
        <!--</li>-->

        <!--一级主菜单 轮播图管理-->
        <li class="nav-item" *ngIf="checkPermissions('banner')">
          <a class="nav-link" routerLinkActive="active" [routerLink]="['/banner/index']"><i class="icon-picture"></i>轮播图管理</a>
        </li>

        <!--一级主菜单 背景图管理-->
        <li class="nav-item" *ngIf="checkPermissions('advert')">
          <a class="nav-link" routerLinkActive="active" [routerLink]="['/advert/index']"><i class="icon-speech"></i>背景图管理</a>
        </li>

        <!--一级主菜单 新闻管理-->
        <li class="nav-item" *ngIf="checkPermissions('welfare')">
          <a class="nav-link" routerLinkActive="active" [routerLink]="['/welfare/index']"><i class="icon-diamond"></i>新闻管理</a>
        </li>

        <!--品牌-->
        <li class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown *ngIf="checkPermissions('enterprise')">
          <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="icon-book-open"></i>品牌管理</a>
          <ul class="nav-dropdown-items">
            <li class="nav-item">
              <a class="nav-link nav-padding-left" routerLinkActive="active" [routerLink]="['/enterprise/index']"><i class="icon-puzzle"></i>百年品牌</a>
            </li>
            <li class="nav-item nav-dropdown">
              <a class="nav-link nav-padding-left" routerLinkActive="active" [routerLink]="['/enterprise/nearly']"><i class="icon-puzzle"></i>准百年品牌</a>
            </li>
          </ul>
        </li>


        <!--一级主菜单 荣誉殿堂-->
        <!--<li class="nav-item" *ngIf="checkPermissions('honor')">-->
          <!--<a class="nav-link" routerLinkActive="active" [routerLink]="['/honor/index']"><i class="icon-trophy"></i>荣誉殿堂</a>-->
        <!--</li>-->

        <!--一级主菜单 游戏素材-->
        <!--<li class="nav-item" *ngIf="checkPermissions('game')">-->
          <!--<a class="nav-link" routerLinkActive="active" [routerLink]="['/game/index']"><i class="icon-game-controller"></i>游戏素材</a>-->
        <!--</li>-->

        <!--一级主菜单 提现管理-->
        <!--<li class="nav-item" *ngIf="checkPermissions('withdrawal')">-->
          <!--<a class="nav-link" routerLinkActive="active" [routerLink]="['/withdrawal/index']"><i class="icon-wallet"></i>提现管理</a>-->
        <!--</li>-->

        <!--一级主菜单 意见反馈-->
        <!--<li class="nav-item" *ngIf="checkPermissions('message')">-->
          <!--<a class="nav-link" routerLinkActive="active" [routerLink]="['/message/index']"><i class="icon-bubbles"></i>消息管理</a>-->
        <!--</li>-->

        <!--一级主菜单 意见反馈-->
        <!--<li class="nav-item" *ngIf="checkPermissions('opinion')">-->
          <!--<a class="nav-link" routerLinkActive="active" [routerLink]="['/opinion/index']"><i class="icon-bubbles"></i>意见反馈</a>-->
        <!--</li>-->

        <!--系统管理-->
        <li class="nav-item nav-dropdown" routerLinkActive="open" appNavDropdown *ngIf="checkPermissions('system')">
          <a class="nav-link nav-dropdown-toggle" href="#" appNavDropdownToggle><i class="icon-settings"></i>系统管理</a>
          <ul class="nav-dropdown-items">
            <li class="nav-item">
              <a class="nav-link nav-padding-left" routerLinkActive="active" [routerLink]="['/system/index']"><i class="icon-puzzle"></i>运营人员管理</a>
            </li>
            <!--<li class="nav-item nav-dropdown">-->
              <!--<a class="nav-link nav-padding-left" routerLinkActive="active" [routerLink]="['/system/roles']"><i class="icon-puzzle"></i>角色管理</a>-->
            <!--</li>-->
            <li class="nav-item nav-dropdown">
              <a class="nav-link nav-padding-left" routerLinkActive="active" [routerLink]="['/system/password']"><i class="icon-puzzle"></i>修改密码</a>
            </li>
          </ul>
        </li>


        <!--主要导航结尾-->
      </ul>
    </nav>
  </div>

  <!-- Muserstent -->
  <main class="main">
    <ol class="breadcrumb">
      <app-breadcrumbs></app-breadcrumbs>
    </ol>

    <div class="container-fluid">
      <router-outlet></router-outlet>
    </div><!-- /.conainer-fluid -->
  </main>
</div>

